@import url('font-awesome.css');

* {
	padding : 0;
	margin : 0;
}

body {
	background: #ddd url(../images/wallpaper.jpg) /*repeat top left*/;
	background-size: cover;
}

.bigCube {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	margin-top : 15%;
	flex-direction : column;
}

.wlogo {
	height : 75px;
	width : auto;
	position : absolute;
	right : 25px;
	top : 25px;
}

.main{
	float: left;
	padding: 10px;
	background: #e8e8e85e;
	margin-top: 15px;
	border: 1px solid black;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

button[name="submit"] {
	float: Right;
	height : 25px;
	width : 60px;
	border : 0.5px solid black;
}

button[name="submit"]:hover {
	box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.2)
}

.field-text {
	padding-bottom : 4px;
}

.field {
	padding : 5px 5px 5px 5px;
}

.submit {
	padding-top : 12px;
}

input[name="username"],
input[name="password"] {
	border : 0.5px solid black;
	margin-left: 5px;
	height : 35px;
	width : 280px;
}

.icon-container {
	height : 16.3167px;
	width : 17px;
}

.icon-lock.icon-large {
	padding : 1.63335px;
	color : ff0000;
}

.icon-user.icon-large {
	color : ff0000;
}

.field-container {
	display: flex;
	justify-content: center;
	align-items: center;
}